(function () {
  let myChart = echarts.init(document.querySelector('.quarter .gauge'))
  let option = {
    series: [
      {
        name: "一般",
        type: "pie",
        //起始刻度的角度，默认为 90 度，即圆心的正上方。0 度为圆心的正右方。
        startAngle: 180,
        hoverAnimation: false,
        tooltip: {},
        radius: ['130%', '150%'],  // 饼图的半径**(内圆和外圆半径)
        center: ['48%', '80%'],    // 饼图的中心（圆心）坐标
        label: {   // 饼图图形上的文本标签，可用于说明图形的一些数据信息
            show: false  // 不显示
        },
        data: [{
          value: 150,
          itemStyle: {
            color: new echarts.graphic.LinearGradient(
              // (x1,y2) 点到点 (x2,y2) 之间进行渐变
              0, 0, 0, 1, [
              { offset: 0, color: '#00fffb' }, // 0 起始颜色
              { offset: 1, color: '#0061ce' } // 1 结束颜色
            ]
            )
          }
        },
        { value: 50, itemStyle: { color: '#12274d' } },
        { value: 200, itemStyle: { color: 'transparent' } }
        ]
      }
    ]
  };
  myChart.setOption(option)
  window.addEventListener('resize', function () {
    myChart.resize()
  })
})()